{extend name="public:_base_login" /}

{block name="main"}

<!-- 登录顶部 -->
<div class="denglu-first1">
    <div class="denglu-first1-content">
        <div class="denglu-first1-content-left">
            <div class="logo">
                <a href="{:request()->root(true)}">
                    <img src="__PUBLIC__/uploads/image/{$system.LOGO.value}"  />
                </a>
            </div>
            <div class="biaoti">
                <p>{$system.title.value}</p>
            </div>
        </div>

        <div class="denglu-first1-content-right">
            <p class="jiamengrexian">{:lang('24 hours a nationwide free service hotline')}</p>
            <p class="dianhua">{$system.advisory.value}</p>
        </div>
    </div>
</div>
<!-- #登录顶部 -->

<!-- 中间内容 -->
<div class="denglu-frist2">

    <div class="denglu-first2-content">

        <!-- 中间内容 -->
        <div class="denglu-first2-content-top">

            <!-- 滚动 -->
            <div class="carousel" style="display: none;">
                <div class="focusBox">
                    <div class="bd">
                        <ul>
                            {volist name="carousel" id="vo"}
                            <li><a target="_blank" href="{$vo.url}"><img alt="{$vo.title}" src="__PUBLIC__/uploads/image/{$vo.image}" /></a></li>
                            {/volist}
                        </ul>
                    </div>
                    <div class="hd">
                        <ul></ul>
                    </div>
                </div>
            </div>
            <!-- #滚动 -->

            <!-- 右边登录信息框 -->
            <div class="denglu-top-contents">

                <!-- 右边登录框 - 标题 -->
                <div class="denglu-top-contents-top" style="display: none;">
                    <p><span>最新公告：</span>湛江助你全面推广 !</p>
                </div>

                <div class="denglu-top-contents-bottom">
                    <div class="contents-bottom-neirong">
                        <div class="contents-bottom-neirong-first1">
                            <div class="hasMoreTab">
                                <!-- 登录注册切换选项 -->
                                <div class="hd">
                                    <ul>
                                        <li class="li1">{:lang('Log in account')}</li>
                                        <li>{:lang('Reg in account')}</li>
                                    </ul>
                                </div>
                                <!-- #登录注册切换选项 -->

                                <!-- 登录注册框 - 内容 -->
                                <div class="bd">
                                    <div class="conWrap">
                                        <!-- 登录 -->
                                        <form class="form form-horizontal" action="{:url('login/login')}" method="post" id="form">
                                            <div class="con">
                                                <div class="login-background">
                                                    <div class="nicheng">
                                                        <input class="shurukuang" name="name" type="text" placeholder="{:lang('Please fill in the account')}" datatype="*" nullmsg="{:lang('Please fill in the account')}" >
                                                    </div>

                                                    <span class="Validform_checktip Validform_wrong">请填写信息！</span>
                                                </div>

                                                <div class="login-background">
                                                    <div class="password">
                                                        <input class="shurukuang" name="password" type="password" placeholder="{:lang('enter password')}" datatype="*" nullmsg="{:lang('enter password')}">
                                                    </div>

                                                    <div class="form-check"></div>
                                                </div>

                                                <div class="login-background">
                                                    <div class="captcha">
                                                        <input class="shurukuang" name="captcha" type="text" placeholder="{:lang('code')}" datatype="*" nullmsg="{:lang('code')}" >
                                                    </div>

                                                    <div class="form-check form-check-code"></div>

                                                    <div class="yzmdx">
                                                        <img id="captcha" src='{:captcha_src()}' onclick='this.src = "{:captcha_src()}"' alt='{:lang('code')}' title='看不清验证码，点击刷新!'/>
                                                    </div>

                                                </div>

                                                <div class="login-btm">
                                                    <input class="login-sub" name="" type="submit" value="&nbsp;{:lang('Login')}&nbsp;">
                                                </div>

                                                <div class="login-zhuce">
                                                    <p>
                                                        {:lang('Not yet logged in')}？
                                                        <a title="" href="{:url('login/reg')}" style="display: none;">
                                                            <span>{:lang('Click register')}</span>
                                                        </a>
                                                        <a title="" href="{:url('login/checkpwd')}">
                                                            <span>{:lang('Forget password')}</span>
                                                        </a>
                                                        <a title="" href="">
                                                            <span>{:lang('Online answer')}</span>
                                                        </a>
                                                    </p>
                                                </div>
                                            </div>
                                        </form>
                                        <!-- #登录 -->

                                        <!-- 注册 -->
                                        <form class="form form-horizontal" action="{:url('login/reg')}" method="post" id="formreg">
                                            <div class="con">
                                                <div class="login-background">
                                                    <div class="nicheng">
                                                        <input class="shurukuang" name="name" type="text" placeholder="{:lang('Please fill in the account')}" datatype="*" nullmsg="{:lang('Please fill in the account')}" >
                                                    </div>

                                                    <div class="form-check"></div>
                                                </div>

                                                <div class="login-background">
                                                    <div class="password">
                                                        <input class="shurukuang" name="password" type="password" placeholder="{:lang('enter password')}" datatype="*6-16" nullmsg="{:lang('enter password')}" errormsg="{:lang('Password range between 6 ~ 16!')}">
                                                    </div>

                                                    <div class="form-check"></div>
                                                </div>

                                                <div class="login-background">
                                                    <div class="password-confirm">
                                                        <input class="shurukuang" name="password_confirm" type="password" placeholder="{:lang('confirm password')}" datatype="*" recheck="password" nullmsg="{:lang('Please re-enter the password!')}" errormsg="{:lang('You enter the account password twice inconsistent!')}">
                                                    </div>

                                                    <div class="form-check"></div>
                                                </div>

                                                <div class="login-background">
                                                    <div class="mobile">
                                                        <input class="shurukuang" name="mobile" type="text" placeholder="{:lang('phone')}" datatype="m" nullmsg="{:lang('phone')}">
                                                    </div>

                                                    <div class="form-check"></div>
                                                </div>

                                                <div class="login-background">
                                                    <div class="mail">
                                                        <input class="shurukuang" name="mail" type="mail" placeholder="{:lang('email')}" datatype="e" nullmsg="{:lang('email')}">
                                                    </div>

                                                    <div class="form-check"></div>
                                                </div>

                                                <div class="login-background">
                                                    <div class="captcha">
                                                        <input class="shurukuang" name="captcha" type="text" placeholder="{:lang('code')}" datatype="*" nullmsg="{:lang('code')}" >
                                                    </div>

                                                    <div class="form-check form-check-code"></div>

                                                    <div class="yzmdx">
                                                        <img id="captcha" src='{:captcha_src()}' onclick='this.src = "{:captcha_src()}"' alt='{:lang('code')}' title='看不清验证码，点击刷新!'/>
                                                    </div>
                                                </div>

                                                <div class="reg-btm">
                                                    <input class="reg-input reg-sub" name="" type="submit" value="&nbsp;{:lang('Reg in account')}&nbsp;">
                                                    <input class="reg-input reg-reset" name="" type="reset" value="&nbsp;{:lang('Reset')}&nbsp;">
                                                </div>
                                            </div>
                                        </form>
                                        <!-- #注册 -->
                                    </div>
                                </div>
                                <!-- #登录注册框 - 内容 -->

                            </div>

                        </div>

                    </div>

                </div>

            </div>
            <!-- #右边登录信息框 -->

        </div>
        <!-- #中间内容 -->

    </div>

</div>
<!-- 中间内容 -->

<!-- 安全保障 -->
<div class="denglu-first2-content-bottom">

    <div class="bottom-li bottom-left">
        <div class="bottom-left-top">
            <p>{:lang('Safety guarantee')}</p>
        </div>

        <div class="bottom-left-footer">
            <p>
                {switch name="$Think.cookie.think_var"}
                {case value="zh-cn"}
                保障消费者账号密码等重要信息的安全
                {/case}

                {case value="en-us"}
                Safeguard the security of important information such as consumer accounts, passwords and so on.
                {/case}
                {default /}
                {/switch}
            </p>
        </div>
    </div>

    <div class="bottom-li bottom-middle">
        <div class="bottom-left-top">
            <p>{:lang('One key logon')}</p>
        </div>

        <div class="bottom-left-footer">
            <p>
                {switch name="$Think.cookie.think_var"}
                {case value="zh-cn"}
                支持邮箱、手机号、昵称等多种其他账号登录，方便快捷
                {/case}

                {case value="en-us"}
                Support for mailboxes, mobile phone numbers, nicknames and other other accounts to login, convenient and quick.
                {/case}
                {default /}
                {/switch}
            </p>
        </div>
    </div>

    <div class="bottom-li bottom-right">
        <div class="bottom-left-top">
            <p>{:lang('Intimate customer service')}</p>
        </div>

        <div class="bottom-left-footer">
            <p>{:lang('Service Hotline')}：{$system.advisory.value}</p>
            <p>{:lang('email')}：{$system.mail.value}</p>
        </div>
    </div>

</div>
<!-- #安全保障 -->

<!-- 底部信息 -->
<div class="container-fluid foot-cont">

    <div class="container">

        <!-- 底部优势 -->
        <div class="foot-service">
            <div class="foot-inner">
                <ul class="foot-service-list">
                    <li>
                        <a class="foot-service-item" title="百倍故障赔偿" href="">
                            <span class="icon icon-1"></span>
                            <span class="term">百倍故障赔偿</span>
                        </a>
                    </li>

                    <li>
                        <a class="foot-service-item" title="3天无理由退款" href="">
                            <span class="icon icon-2"></span>
                            <span class="term">3天无理由退款</span>
                        </a>
                    </li>

                    <li>
                        <a class="foot-service-item" title="免费备案" href="">
                            <span class="icon icon-3"></span>
                            <span class="term">免费备案</span>
                        </a>
                    </li>

                    <li>
                        <a class="foot-service-item" title="1V1大客户服务" href="">
                            <span class="icon icon-4"></span>
                            <span class="term">1V1大客户服务</span>
                        </a>
                    </li>

                    <li>
                        <a class="foot-service-item" title="6x12小时服务" href="">
                            <span class="icon icon-5"></span>
                            <span class="term">6x12小时服务</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <!-- #底部优势 -->

        <!-- 底部信息 -->
        <div class="foot-info">

            <!-- 底部logo -->
            <div class="foot-info-logo">
                <img title="{$system.title.value}" alt="{$system.title.value}" src="__PUBLIC__/uploads/image/{$system.LOGO.value}"/>
            </div>
            <!-- #底部logo -->

            <!-- 底部中间信息 -->
            <div class="foot-info-cont">
                <div class="foot-nav"></div>
                <div class="info-txt">
                    <p class="info-p">{:lang('Phone')}: {$system.advisory.value}&nbsp;&nbsp;|&nbsp;&nbsp;</p>
                    <p class="info-p">{:lang('Email')}: {$system.mail.value}&nbsp;&nbsp;|&nbsp;&nbsp;</p>
                    <p class="info-p">{:lang('Company address')}: {$system.address.value}</p>
                </div>
            </div>
            <!-- #底部中间信息 -->

            <!-- 在线 -->
            <div class="foot-info-online">
                <a title="{$system.advisory.value}" href="">
                    <img title="{$system.advisory.value}" alt="{$system.advisory.value}" border="0" src="__TPMPLATE__pc/cms/images/fnav-qq2.png" >
                </a>

                <a title="{$system.advisory.value}" href="">
                    <img title="{$system.advisory.value}" alt="{$system.advisory.value}" border="0" src="__TPMPLATE__pc/cms/images/fnav-weixin2.png" >
                </a>

                <a title="{$system.advisory.value}" href="">
                    <img title="{$system.advisory.value}" alt="{$system.advisory.value}" border="0" src="__TPMPLATE__pc/cms/images/fnav-sina.png" >
                </a>
            </div>
            <!-- #在线 -->

        </div>
        <!-- #底部信息 -->

    </div>

</div>
<!-- #底部信息 -->

{/block}


{block name="js"}

<script type="text/javascript" src="__STATIC__/admin/hui/lib/Validform/v5.3.2/Validform_v5.3.2_min.js"></script>
<script>
    // 滚动图切换效果
    $(".focusBox").slide({ titCell:".hd ul", mainCell:".bd ul", effect:"top", autoPlay:true, autoPage:true, switchLoad:"_src" });
    // 登录注册切换效果
    $(".hasMoreTab").slide({ mainCell:".conWrap",trigger:"click",targetCell:".more a", effect:"fold"});

    // 登录
    $("#form").Validform({
        tiptype: 2,
        ajaxPost: true,
        showAllError: true,
        callback: function (data) {
            if (data.status == "y") {
                location.href = '{$Request.get.callback ?: \\think\\Url::build("index/index")}';
            } else {
                setTimeout(function () {
                    $.Hidemsg(); //公用方法关闭信息提示框;显示方法是$.Showmsg("message goes here.");
                }, 1500);
                $("#captcha").click();
                $("[name='captcha']").val('');
            }
        }
    });

    // 注册
    $("#formreg").Validform({
        tiptype: 2,
        ajaxPost: true,
        showAllError: true,
        callback: function (data) {
            if (data.status == "y") {
                location.href = '{$Request.get.callback ?: \\think\\Url::build("index/index")}';
            } else {
                setTimeout(function () {
                    $.Hidemsg(); //公用方法关闭信息提示框;显示方法是$.Showmsg("message goes here.");
                }, 1500);
                $("#captcha").click();
                $("[name='captcha']").val('');
            }
        }
    });
</script>
{/block}
